import  styled  from 'styled-components'

const Container = styled.div`
      height:100%;
      overflow-y:scroll;
`
const ListStyled =styled.div`
      padding-top:.44rem;
      img{
        height:1.04rem;
      }
      ul{
        padding:.15rem;
        li{
          background-color:#fff;
          margin-bottom:.15rem;
          padding:.15rem;
          border-radius:.05rem;
          h1{
            margin-bottom:.14rem;
            font-size:.17rem;
          }
          >p{
              margin-bottom:.11rem;
              font-size:.15rem;
            }
          >span{
              margin-bottom:.12rem;
              color:#999;
            }
          .text{
            margin-top:.12rem;
            display:flex;
            padding-top:.22rem;
            justify-content:space-between;
            border-top:solid .01rem #eee;
            >span{
              color:#999;
            }
            >p{
              color:rgba(48,139,254);
              padding-right:.3rem;
            }
          }
        }
      }
`

export {
  Container,
  ListStyled
}